<template>
    <div class="index-recommended">
        <div class="index-recommended-head">
            <img src="@/assets/img/jingpin.png" alt="">
            <span>{{ title }}</span>
        </div>
        <div class="more" @click="clickHandle(title)">
            更多<i class="bi bi-arrow-right-circle"></i>
        </div>

    </div>
</template>

<script>
export default {
    props: {
        title: {
            type: String,
            default: ''
        },
        pic: {
            type: String,
            default: ''
        }
    },
    methods: {
        clickHandle(name) {
            location.href = '/goods?name=' + name
        }
    }

}
</script>

<style lang="less" scoped>
.index-recommended {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;

    .index-recommended-head {
        display: flex;
        align-items: center;
        font-size: 30px;
        text-indent: 10px;
    }

    .more {
        font-size: 16px;

        a {
            color: #000;
        }

        .bi-arrow-right-circle {
            padding-left: 5px;
        }


    }
}
</style>